<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>监测预报</title>
    <link rel="stylesheet" href="/business/jcyb/main/css/main.css" />
</head>

<body>
    <div class="cafe-main">
        <!-- GIS地图 -->
        <div class="cafe-busis-container">
            <div class="cafe-busis-map" id="jcybMap"></div>
            <!-- 日期选择面板 -->
            <div class="cafe-busis-datepicker">
                <div id="datepicker"></div>
                <div class="time-switch active"></div>
            </div>
            <div class="cafe-busis-warn-control"></div>
            <!-- 监测预报面板 -->
            <div class="cafe-busis-jcyb">
                <div class="jcyb-close-btn">×</div>
                <div class="cafe-busis-jcyb-head"></div>
                <div class="cafe-busis-live">
                    <span class="live-title">实况监测</span>
                    <ul class="live-list flex wrap between">
                        <li class="active" type="all">全部</li>
                        <li class="active" type="autostat">自动站</li>
                        <li class="active" type="light">闪电定位仪</li>
                        <li class="active" type="radar">雷达</li>
                        <li class="active">积水站</li>
                        <li class="active">地质灾害点</li>
                        <li class="active">山洪沟</li>
                        <li class="active">中小河流</li>
                        <li class="active" type="qtqsb">强天气识别</li>
                        <li class="active" type="disaster">灾情直报</li>
                        <li class="active" type="roseRadar">ROSE雷达</li>
                        <li style="opacity: 0;pointer-events: none;"></li>
                    </ul>
                </div>
                <div class="forecast">
                    <span class="forecast-title">预报预警</span>
                    <ul class="forecast-list flex wrap between">
                        <li type="all">全部</li>
                        <!--<li class="active" type="QHRADA">卷积神经外推</li>
                        <li class="active" type="NDRADA">TREC外推</li>-->
                        <li class="active" type="GDMODE">主观格点</li>
                        <li type="EC">EC</li>
                        <li type="NWGD">国家指导</li>
                        <!--<li type="TJWRF">TJWRF</li>-->
                        <li type="C-2DCNN">C-2DCNN</li>
                        <li style="opacity: 0;pointer-events: none;"></li>
                    </ul>
                </div>
            </div>
            <!-- 区县两级联动 -->
            <div class="cafe-busis-counDis">
                <span>
                    <span>上级指导</span><span>县级发布</span>
                </span>
                <div>
                    <div class="allQuXian">
                    </div>
                    <div class="submitQuXian"></div>
                </div>

            </div>
            <video controls loop id="warnPlayer" muted style="display:none">
                <source src="/business/common/audio/warnSound.mp3" type="audio/mpeg">
            </video>
        </div>
    </div>
    <input type="hidden" value="" id="userInfo" />
    <script type="text/html" id="stationInfo">
        <div class="stationInfo"></div>
    </script>
    <script src="/business/jcyb/main/js/main.js"></script>
</body>

</html>
